<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<%@ include file="/static/htm/head" %>
		<link href="static/css/login.css" rel="stylesheet" />
		<title>游戏论坛玩家注册</title>
		<link href="static/css/register.css" rel="stylesheet">
		<script language="javascript" type="text/javascript" src="static/component/97DatePicker/WdatePicker.js"></script>
		<script type="text/javascript" src="static/js/register.js"></script>
	</head>
	<body>
<div id="login">
			<div id="logo">
				<a href="index.jsp" title="游戏玩家论坛">
					<img alt="论坛Logo" height="56" src="static/pic/logo.jpg" width="192">
				</a>
			</div>
			<div class="block small center login">
				<div class="block_head">
					<div class="bheadl"></div>
					<div class="bheadr"></div>
					<h2>登陆游戏玩家论坛</h2>
					<ul>
						<li><a href="index.jsp">论坛主页</a></li>
						<li><a href="login">登陆论坛</a></li>
					</ul>
				</div>
				<div class="block_content">
					<form  action="register" method="post">
						<table >
							<tr>
								<td><span class="label-info_">用户名</span></td>
								<td><input class="input-medium" id="username" type="text" maxlength="30" name="username"></td>
								<td><span class="help-info" id="username-tip"><font color="red">*</font> 字母或数字组成，长度6~30</span></td>
							</tr>
							<tr>
								<td><span class="label-info_">密码</span></td>
								<td><input class="input-medium" id="passwd" type="password" maxlength="30" name="passwd"></td>
								<td><span class="help-info" id="passwd-tip"><font color="red">*</font> 字母或数字组成，长度8~30</span></td>
							</tr>
							<tr>
								<td><span class="label-info_">确认密码</span></td>
								<td><input class="input-medium" id="confirm_passwd" type="password" onpaste="return false" maxlength="30" name="confirmPasswd"></td>
								<td><span class="help-info" id="confirm_passwd-tip"><font color="red">*</font> 重新输入密码</span></td>
							</tr>
							<tr>
								<td><span class="label-info_">邮箱</span></td>
								<td><input class="input-medium" id="email" type="text" maxlength="50" name="email"></td>
								<td><span class="help-info" id="email-tip"><font color="red">*</font> 邮箱用于找回密码</span></td>
							</tr>
							<tr>
								<td><span class="label-info_">性别</span></td>
								<td><select class="span2"  id="sex" name="sex">
               							<option value="M">男</option>
						                <option value="F">女</option>
              						</select></td>
								<td><span class="help-info">&nbsp;&nbsp;选择合适的性别</span></td>
							</tr>
								<tr>
								<td><span class="label-info_">生日</span></td>
								<td><input class="input-medium" type="text" onclick="WdatePicker({maxDate:'%y-%M-%d',readOnly:true})" value="1980-01-01" name="birthday"></td>
								<td><span class="help-info">&nbsp;&nbsp;选择出生日期</span></td>
							</tr>
							<tr>
								<td><span class="label-info_">验证码</span></td>
								<td><input class="input-medium" id="checkcode" type="text" maxlength="4" style="width: 25%;" name="checkCode"></td>
								<td><span class="help-info"><font color="red">*</font> <img src="checkcode" id="createCheckCode"/><a href="#" onclick="return myReload();">不清楚？换一个</a></span></td>
							</tr>
							<tr>
								<td><span class="label-info_"> </span></td>
								<td><input id="submit" class="btn primary large" name="commit" type="submit" value="创建账户" style="width:100%;"></td>
								<td> </td>
							</tr>
						</table>
						<div class="alert alert-error" id="error_info" style="visibility: ${visibility};">
							注册用户失败，${reason}，请重新注册。
						</div>
					</form>
				</div>
				<div class="bendl"></div>
				<div class="bendr"></div>
			</div>
		</div>
		   <%@ include file="/static/htm/foot.jsp" %>	
	</body>
	<script type="text/javascript">
		 function myReload(){
		document.getElementById("createCheckCode").src=document.getElementById("createCheckCode").src+"?nocache="+new Date().getTime();
		return false;
 		}
	</script>
</html>